html {
  font-size: 16px;
}
* {
  margin: 0;
  padding: 0;
}
.ml5 {
  margin-left: 5rem;
}
.ml1 {
  margin-left: 1rem;
}
.ml2 {
  margin-left: 2rem;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.m0 {
  margin: 0 auto;
}
.inb {
  display: inline-block;
}
.df {
  display: flex;
}
.flex1 {
  flex: 1;
}
.fr {
  float: right;
}
.ca6a6a6 {
  color: #a6a6a6;
}
.c9e9e9e {
  color: #9e9e9e;
}
.c5f9dab {
  color: #5f9dab;
}
.cred {
  color: #b43c46;
}
.cgray {
  color: #d9d9d9;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.mobile {
  max-width: 68rem;
  width: 100%;
  margin: 0 auto;
  font-size: 3rem;
}
.mobile .h6 {
  height: 6rem !important;
}
.mobile .h7 {
  height: 7rem !important;
}
.mobile .mobile-header {
  text-align: center;
  height: 8rem;
  line-height: 8rem;
  color: #fdfef8;
  background-color: #193C4A;
  font-size: 3rem;
  width: 100%;
}
.mobile .mobile-intro {
  padding: 2rem;
  font-size: 2rem;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}
.mobile .mobile-intro .intro-title {
  color: #5f9dab;
}
.mobile .mobile-intro .intro-title .ml-6 {
  margin-left: 0.6rem;
}
.mobile .mobile-intro .intro-title img {
  height: 2rem;
  margin-top: 0.6rem;
}
.mobile .mobile-intro .intro-content {
  color: #666666;
  line-height: 4rem;
}
.mobile .mlbile-list {
  display: flex;
  font-size: 2rem;
}
.mobile .mlbile-list .list-title {
  width: 12rem;
  background-color: #f7f7fa;
}
.mobile .mlbile-list .list-title .title {
  color: #858585;
  height: 6rem;
  padding: 3rem 0;
  line-height: 3rem;
}
.mobile .mlbile-list .list-title .db {
  color: #333;
  border-left: 0.5rem solid #5f9dab;
  background-color: white;
}
.mobile .mlbile-list .list-cont {
  flex: 1;
  padding: 2rem;
}
.mobile .mlbile-list .list-cont .cont-search {
  line-height: 5rem;
  display: flex;
  width: 100%;
  font-size: 2rem;
  height: 5rem;
  padding: 2.5rem 0;
}
.mobile .mlbile-list .list-cont .cont-search .search-l {
  width: 7rem;
  color: #4e5152;
}
.mobile .mlbile-list .list-cont .cont-search .search-r {
  width: 39rem;
  height: 5rem;
  border-radius: 5rem;
  border: solid 1px #e5e5e5;
  position: relative;
}
.mobile .mlbile-list .list-cont .cont-search .search-r input {
  height: 4.9rem;
  border: transparent;
  margin-left: 2rem;
  outline: none;
}
.mobile .mlbile-list .list-cont .cont-search .search-r .r-big {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.mobile .mlbile-list .list-cont .cont-people .getJiang {
  border: solid 1px #f6bd3b !important;
  width: 24rem !important;
}
.mobile .mlbile-list .list-cont .cont-people .people {
  width: 24rem;
  height: 42rem;
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #ebebeb;
  float: left;
  overflow: hidden;
  margin-left: 2rem;
  margin-bottom: 2rem;
}
.mobile .mlbile-list .list-cont .cont-people .people:nth-child(2n+1) {
  margin-left: 0px;
}
.mobile .mlbile-list .list-cont .cont-people .people .hj {
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 2;
}
.mobile .mlbile-list .list-cont .cont-people .people .hj img {
  height: 4rem;
}
.mobile .mlbile-list .list-cont .cont-people .people .jz {
  position: absolute;
  top: 0px;
  right: 0rem;
  z-index: 2;
}
.mobile .mlbile-list .list-cont .cont-people .people .jz img {
  width: 6rem;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-img {
  width: 24rem;
  height: 14rem;
  position: relative;
  background-color: yellowgreen;
  margin-bottom: 10px;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-img .img {
  width: 100%;
  height: 100%;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-img .img-ps {
  height: 4rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 4rem;
  color: white;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-info {
  line-height: 3rem;
  color: #9e9e9e;
  padding: 0 2rem;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-info .w {
  color: #4d4d4d;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-flower {
  height: 2rem;
  margin: 1rem auto;
  width: 23rem;
  display: flex;
  text-align: center;
  line-height: 2rem;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-flower img {
  height: 2rem;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-flower div {
  flex: 1;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-flower .l {
  border-left: 1px solid #e5e5e5;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-btn {
  width: 21rem;
  height: 5rem;
  background-color: #5f9dab;
  border-radius: 4px;
  color: white;
  line-height: 5rem;
  text-align: center;
  margin: 0 auto 2rem;
  cursor: pointer;
}
.mobile .mlbile-list .list-cont .cont-people .people .people-btn-gray {
  width: 21rem;
  height: 5rem;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #a6a6a6;
  line-height: 5rem;
  text-align: center;
  margin: 0 auto 2rem;
  cursor: pointer;
}

   .is-rotate {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
   }